﻿@import "normalize.css";

/*  ----------------------------------------------------------
    DEFAULTS
    ----------------------------------------------------------*/

body {
  color: #333;
  font-family: Verdana, sans-serif;
  font-size: 14px;
}

.header {
  color: orange;
  margin: 8px 8px 8px 8px;
}

.titleAndPowerOf {
  margin-bottom: 2px;
  width: 100%;
}

.titleAndPowerOf td {
  
  vertical-align: bottom;
  /*white-space: nowrap; */
}

.titleAndPowerOf .title {
  font-size: 40px;
  font-weight: bold;
  text-align: left;
}

.titleAndPowerOf .powerOf {
  font-size: 18px;
  font-style: italic;
  padding-bottom: 5px;
  text-align: right;
}

.powerOf a, a:link, a:visited, a:hover, a:active {
  color: #00f;
  font-weight: bold;
  text-decoration: none;
}

.header .underline1 {
  margin-bottom: 1px;
  width: 100%;
}

.header .underline1 td { border-bottom: 1px solid orange; }

.header .underline2 {
  margin-bottom: 1px;
  width: 99%;
}

.header .underline2 td { border-bottom: 1px solid orange; }

.header .underline3 {
  margin-bottom: 1px;
  width: 98%;
}

.header .underline3 td { border-bottom: 1px solid orange; }

table.modules .groupRow {
  border-bottom: 1px solid orange;
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
}

table.modules .groupRow td { padding-top: 10px; }

table .groupSeparatorRow { height: 5px }

table .dataRow { }

table .alternateDataRow { background-color: #fff6e6; }

table .dataRow td {
  padding-bottom: 2px;
  padding-right: 8px;
  padding-top: 5px;
}


/*  ----------------------------------------------------------
    MENU
    ----------------------------------------------------------*/

.menu {
  border-bottom: 1px solid blue;
  border-top: 1px solid blue;
  /*background-color: blue;*/
  padding: 2px;
}

.menu a {
  /*background-color: blue;*/
  /*color: #99ffcc;*/
  color: blue;
  display: block;
  padding: 2px 20px 4px 20px;
  text-decoration: none;
  white-space: nowrap;
}

.menu a:hover {
  /*background-color: #ccf5ff;*/
  background-color: Blue;
  color: white;
  text-decoration: none;
}

.menu a:active {
  background-color: #99ffcc;
  color: blue;
  text-decoration: none;
}

/*  ----------------------------------------------------------
    PRIMARY LAYOUT ELEMENTS   
    ----------------------------------------------------------*/

.main {
  margin: 12px 8px 8px 8px;
  min-height: 420px;
  padding: 0px 12px;
}

.pageTitle {
  font-size: 20px;
  font-weight: bold;
}

.highlights { font-weight: bold; }

.footer {
  border-top: 1px solid #00f;
  color: #00f;
  font-size: 10px;
  line-height: normal;
  margin: 40px 8px 0px 8px;
  padding: 5px 0px;
  text-align: center;
}

.main p { margin-bottom: 20px; }

.news { padding-top: 20px; }

.news .title {
  font-weight: bold;
  text-decoration: underline;
}

.news li { margin-bottom: 5px; }

/*  ----------------------------------------------------------
    MODULE FORM
    ----------------------------------------------------------*/

.moduleForm { }

.moduleForm td {
  padding-bottom: 8px;
  padding-right: 8px;
}

.button {
  /* Rounded corners */
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  /*background: #99ffcc;*/
  /*border: 1px solid blue;*/
  /*color: blue;*/

  background: #e6e6ff;

  border: 1px solid blue;
  border-radius: 8px;
  color: blue;
  font-weight: bold;
  padding: 8px 20px;
}

.error {
  color: red;
  font-weight: bold;
}

.result { font-weight: bold; }


textarea.result {
  border-style: none;
  font-weight: bold;
  height: 80px;
  width: 500px;
}

.resultTable { }

.resultTable th {
  padding-bottom: 8px;
  padding-right: 8px;
}

.resultTable td {
  padding-bottom: 8px;
  padding-right: 8px;
}

.resultTable .label { text-align: left; }

.resultTable .result { text-align: center; }

.resultTable .elapsedTime { text-align: right; }

.elapsedTime { }

.index { font-weight: bold; }